<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>北大青鸟课程导航</title>
		<style>
			*{
				margin: 0px;
				padding: 0px;
			}
			a:link{
				color: #333;
				text-decoration: none;
			}
			a:hover{
				color: red;
			}
			li{
				list-style: none;
			}
			.bd{
				width: 230px;
				background: #F5F9FC;
				border: 1px solid #aacbee;
				margin: 10px auto;
			}
			.bd h3{
				padding-left: 25px;
				height: 40px;
				line-height: 40px;
				font-size: 17px;
				background: url(img/title_icon.gif)) no-repeat 2px center;	
			}
			.bd ul{
				padding-bottom: 8px;
			}
			.bd li{
				padding-left: 15px;
				height: 28px;
				background:url(img/submenu.gif)no-repeat 45px 0px;
       			line-height:28px;
       			border-top:1px solid #aacbee;
       			margin:0px 5px;
       			font-size:14px;
			}
		</style>
	</head>
	<body>
		<div class="bd">
			
			<p class="p1"><img src="img/title_icon.gif" />课程导航</p>
			<ul>
			<li><a href="#">ACCP 软件工程师</a></li>
			<li><a href="#">BTEST 软件测试工程师</a></li>
			<li><a href="#">BENET 网络工程师</a></li>
			<li><a href="#">JBNS 网站工程师</a></li>
			<li><a href="#">ACCP 启蒙星</a></li>
			<li><a href="#">ANDROID 软件工程师</a></li>
			<li><a href="#">JAVA 软件工程师</a></li>
			<li><a href="#">.NET 软件工程师</a></li>
			<li><a href="#">网络营销</a></li>
			</ul>
		</div>
	</body>
</html>
